<template>
    <div class="hot_search">
        <div class="header">热搜榜</div>
        <div class="list">
            <div v-for="l in 100" class="item flex-middle">
                <p class="idx t">1</p>
                <div class="info">
                    <div class="l1">
                        <span class="name">下山</span>
                        <span class="count">195424785</span>
                    </div>
                    <div class="l2">一生正气巴拉巴拉</div>
                </div>
            </div>
        </div>
    </div>
</template>
<style lang="scss" scoped>
.hot_search{
    margin-top: 30px;
}
.header{
    font-size: 15px;
    margin-bottom:10px;
}
.item{
    padding: 10px 0;
    .idx{
        font-size: 17px;
        color: $senColor;
        margin-right:15px;
        &.t{
            color: $afterColor;
        }
    }
    .name{
        font-size: 17px;
        margin-right:8px;
    }
    .count{
        color:$lowColor;
        font-size: 11px;
    }
    .l2{
        color: $senColor;
        font-size: 13px;
    }
}
</style>